@import "common";


/* S nav */
    body{
        min-width: 138rem;
        
    }
    .nav{
        width: 100vw;
        height: 50px;
        box-sizing: border-box;
        box-shadow: 0px 0px 5px $s_color;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0rem 4rem;
        position: absolute;
        top: 0;
        left: 0;
        .nav_btn{
            a{
                font-size: 2rem;
                font-weight: bolder;
                color: $d_color;
                i{
                    font-weight: bolder;
                    font-size: 2rem;
                }
            }
        }
        .nav_title{
            h2{
                color: $d_color;
                font-weight: bolder;
            }
        }
    }
    .content{
        min-width: 138rem;
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        .content_login{
            box-sizing: border-box;
            padding: 6rem 10rem;
            width: 60rem;
            height: 50rem;
            box-shadow: 0px 0px 5px $s_color;
            border-radius: 1.6rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            .login_title{
                flex: 1;
                width: 100%;
                h2{
                    text-align: center;
                    width: 100%;
                    font-size: 3rem;
                    color: $d_color;
                    border-bottom: 1px solid $s_color;
                    padding-bottom: 4rem;
                }
            }
        }
        .login_form{
            flex: 2;

            .label_cl{
                color: $d_color;
                font-weight: 600;
            }
            .input_bd{
                border: 1px solid $s_color;
            }

            .form-last{
                display: flex;
                height: 3.8rem;
                .last_1{
                    flex: 2;
                }
                .last_2{
                    flex: 1;
                    width: 100%;
                    height: 100%;
                    padding-left: 1rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    p{
                        width: 100%;
                        line-height: 3.8rem;
                        border: 1px solid $s_color;
                        text-align: center;
                    }
                }
            }
        }
        .btn_sub{
            margin-top: 4rem;
        }
    }
/* E nav */